<script lang="ts" setup>
import { useSteps } from '@/composables/useSteps'
const { redirectBack, redirectBack_list } = useSteps('settlement')

const imgUrl = '/static/top03_3.png'
// const imgUrl = 'https://xxxxx:18080/napFileApi/merchant/common/file/download?imageId=top03&bindingType=1'
function goDetail() {
  // uni.redirectTo({
  //   url: `/pages-sub/apply/list`,
  // })
  redirectBack_list()
}
</script>

<template>
  <nut-navbar title="商户进件" fixed placeholder @on-click-back="redirectBack">
    <template #left>
      <nut-icon name="left" />
    </template>
  </nut-navbar>

  <div class="done">
    <div class="top">
      <div class="image">
        <image :src="imgUrl" mode="scaleToFill" />
      </div>
      <div class="title">申请已提交</div>
      <div class="desc">客户经理将在24小时内与您联系，完善后续资料！</div>
    </div>
    <div class="button">
      <nut-button type="primary" block @click="goDetail">完成</nut-button>
    </div>
  </div>
</template>

<route lang="json">
{
  "style": {
    "navigationStyle": "custom",
    "backgroundColorContent": "#f1f1f1"
  }
}
</route>

<style lang="sass" scoped>
.done
  .top
    background-color: #fff
    text-align: center
    padding: 1px 0 30px
    .image
      width: 160px
      height: 160px
      margin: 20px auto
      image
        width: 100%
        height: 100%
    .title
      font-size: 20px
      font-weight: bold
    .desc
      margin-top: 10px
      color: #8e8e8e
  .button
    margin: 40px 20px
</style>
